<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>校园网上订餐系统</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon"
	href="assets/img/favicon.ico">

<!-- CSS 
    ========================= -->
<!--bootstrap min css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
<!--owl carousel min css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!--slick min css-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--magnific popup min css-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--font awesome css-->
<link rel="stylesheet"
	href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
<!--ionicons css-->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!--linearicons css-->
<link rel="stylesheet" href="assets/css/linearicons.css">
<!--animate css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--jquery ui min css-->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!--slinky menu css-->
<link rel="stylesheet" href="assets/css/slinky.menu.css">
<!--plugins css-->
<link rel="stylesheet" href="assets/css/plugins.css">

<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">

<!--modernizr min js here-->
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
</head>
<body>
	<!--header area start-->
	<header>
		<div class="main_header header_three color_three">
			<div class="header_top">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-6">
							<div class="header_social">
								<ul>
									<!-- 左上角的图标 -->

								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-6">
							<div class="language_currency text-right">
								<ul>
									<li>欢迎 <c:if test="${users==null}">游客</c:if>${users.username}</li>						
									<li class="language"><a href="StoreServlet?op="> 商家 <i
											class="icon-right ion-ios-arrow-down"></i></a>

										<ul class="dropdown_language">
											<li><a href="storeregister.jsp">注册</a></li>
											<li><a href="storelogin.jsp">登录</a></li>
										</ul></li>
									<li class="language"><a href="personinfo.jsp"> 用户 <i
											class="icon-right ion-ios-arrow-down"></i></a>

										<ul class="dropdown_language">
											<li><a href="userregister.jsp">注册</a></li>
											<li><a href="userlogin.jsp">登录</a></li>
											<li><a href="personinfo.jsp">个人信息</a></li>
										</ul></li>
                                      <li class="language"><a href="personinfo.jsp">管理员<i
											class="icon-right ion-ios-arrow-down"></i></a>
										<ul class="dropdown_language">				
											<li><a href="adminlogin.jsp">登录</a></li>
										</ul></li>
									<!-- 购物车 -->
									<li class="language">
										<div class="header_account_list  mini_cart_wrapper">
											<a href="cart.jsp"><span class="lnr lnr-cart"></span><span
												class="item_count">2</span></a>
											<!--简易购物车-->
											<div class="mini_cart">
												<div class="cart_gallery">
													<div class="cart_item">
														<div class="cart_img">
															<a
																href="FoodsServlet?op=doSelectByFoodsid&foodsid=${f.foodsid}"><img
																src="assets/img/product/菜品01.jpg" alt=""></a>
														</div>
														<div class="cart_info">
															<br />
															<p>
																<span> ￥65.00 </span> X <input min="1" max="100"
																	value="1" type="number"> = <span> ￥65.00
																</span>
															</p>
														</div>
														<div class="cart_remove">
															<a href="#"><i class="icon-x"></i></a>
														</div>
													</div>
													<div class="cart_item">
														<div class="cart_img">
															<a
																href="FoodsServlet?op=doSelectByFoodsid&foodsid=${f.foodsid}"><img
																src="assets/img/product/菜品05.jpg" alt=""></a>
														</div>
														<div class="cart_info">
															<br />
															<p>
																<span> ￥60.00 </span> X <input min="1" max="100"
																	value="1" type="number"> = <span> ￥60.00
																</span>
															</p>
														</div>
														<div class="cart_remove">
															<a href="#"><i class="icon-x"></i></a>
														</div>
													</div>
												</div>
												<div class="mini_cart_table">
													<div class="cart_table_border">
														<div class="cart_total">
															<span>小计:</span> <span class="price">￥125.00</span>
														</div>
														<div class="cart_total mt-10">
															<span>总计:</span> <span class="price">￥125.00</span>
														</div>
													</div>
												</div>
												<div class="mini_cart_footer">
													<div class="cart_button">
														<a href="cart.jsp"><i class="fa fa-shopping-cart"></i>
															查看购物车</a>
													</div>
													<div class="cart_button">
														<a href="checkout.html"><i class="fa fa-sign-in"></i>
															立即支付</a>
													</div>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="header_middle">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-2">
							<div class="logo">
								<!-- logo -->
								<a href="main.jsp"><img src="assets/img/logo/logo3.png"
									alt=""></a>
							</div>
						</div>
						<div class="col-lg-8">
							<div class="header_right_info">
								<div class="search_container">
									<form action="FoodsServlet?op=sel" method="post">
										<div class="hover_category">
											<select class="select_option" name="select" id="categori2">
												<option selected value="1">菜品名称</option>
											</select>
										</div>
										<div class="search_box">
											<input placeholder="请输入查询的关键字" type="text" name="keywords"
												id="keywords"> <input type="hidden" name="op"
												value="selectStoreByFoodsName">
											<button type="submit">
												<span class="lnr lnr-magnifier"></span>
											</button>
										</div>
									</form>
								</div>
							</div>
						</div>
						<div class="col-lg-2"></div>
					</div>
				</div>
			</div>
			<div class="header_bottom">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-3">
							<div class="categories_menu  categories_three">
								<div class="categories_title">
									<h2 class="categori_toggle">所有店家</h2>
								</div>
								<div class="categories_menu_toggle">
									<ul>
										<c:if test="${list1==null }">
											<c:redirect url="MainServlet"></c:redirect>
										</c:if>
										<c:if test="${list1!=null}">
											<c:forEach items="${requestScope.list1}" var="s">

												<li class="menu_item_children"><a
													href="FoodsServlet?op=doSelectPageByStore&store=${s.store}" >${s.store }<i
														class="fa fa-angle-right"></i></a>
													<ul class="categories_mega_menu">
														<li class="menu_item_children"><strong>热门单品</strong>
															<ul class="categorie_sub_menu">
																<c:forEach items="${requestScope.list2}" var="f"
																	begin="0" end="2">
																	<li><a
																		href="FoodsServlet?op=doSelectByFoodsid&foodsid=${f.foodsid}">${f.foodsname}</a></li>

																</c:forEach>
															</ul></li>
														<li class="menu_item_children"><strong>热门套餐</strong>
															<ul class="categorie_sub_menu">
																<c:forEach items="${requestScope.list2}" var="f"
																	begin="3" end="5">
																	<li><a
																		href="FoodsServlet?op=doSelectByFoodsid&foodsid=${f.foodsid}">${f.foodsname }</a></li>

																</c:forEach>
															</ul></li>
														<li class="menu_item_children"><strong>饮料</strong>
															<ul class="categorie_sub_menu">
																<c:forEach items="${requestScope.list2}" var="f"
																	begin="6" end="8">
																	<li><a
																		href="FoodsServlet?op=doSelectByFoodsid&foodsid=${f.foodsid}">${f.foodsname }</a></li>

																</c:forEach>
															</ul></li>
													</ul></li>
											</c:forEach>

										</c:if>

									</ul>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<!--main menu start-->
							<div class="main_menu menu_position">
								<nav>
									<ul>
										<li><a class="active" href="main.html">首页</a></li>
										<li class="mega_items"><a href="StoreServlet?op=">类型<i
												class="fa fa-angle-down"></i></a>
											<div class="mega_menu">
												<ul class="mega_menu_inner">
													<li><a href="foodstype.html"><strong>中餐</strong></a>
														<ul>
															<li><a href="foodstype.html">川湘菜</a></li>
															<li><a href="foodstype.html">简餐便当</a></li>
															<li><a href="foodstype.html">香锅冒菜</a></li>
															<li><a href="foodstype.html">东北菜</a></li>
															<li><a href="foodstype.html">粤菜</a></li>
														</ul></li>
													<li><a href="foodstype.html"><strong>西餐</strong></a>
														<ul>
															<li><a href="foodstype.html">轻食</a></li>
															<li><a href="foodstype.html">汉堡披萨</a></li>
															<li><a href="foodstype.html">日韩料理</a></li>
															<li><a href="foodstype.html">东南亚菜</a></li>
															<li><a href="foodstype.html">意面</a></li>
														</ul></li>
													<li><a href="foodstype.html"><strong>夜宵</strong></a>
														<ul>
															<li><a href="foodstype.html">火锅烤鱼</a></li>
															<li><a href="foodstype.html">小龙虾</a></li>
															<li><a href="foodstype.html">烧烤</a></li>
															<li><a href="foodstype.html">鸭脖卤味</a></li>
														</ul></li>
												</ul>
											</div></li>
										<li><a href="aboutus.html">关于我们</a></li>
									</ul>
								</nav>
							</div>
							<!--main menu end-->
						</div>
						<div class="col-lg-3">
							<div class="call-support">
								<p>
									<a href="tel:123456789">123 456 789</a> 联系电话
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--header area start-->
	<!--slider area start-->
	<section class="slider_section slider_s_three">
		<div class="container">
			<div class="row">
				<div class="col-lg-9 offset-lg-3">
					<div class="slider_area owl-carousel">
						<div class="single_slider d-flex align-items-center"
							data-bgimg="assets/img/slider/嫩牛五方.jpg">
							<div class="slider_content slider_c_three">
								<a href="StoreServlet?op=">查看详情 </a>
							</div>
						</div>
						<div class="single_slider d-flex align-items-center"
							data-bgimg="assets/img/slider/扁食.jpg">
							<div class="slider_content slider_c_three">
								<a href="StoreServlet?op=">查看详情 </a>
							</div>
						</div>
						<div class="single_slider d-flex align-items-center"
							data-bgimg="assets/img/slider/兰州拉面.jpg">
							<div class="slider_content slider_c_three">
								<a href="StoreServlet?op=">查看详情</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</section>
	<!--slider area end-->

	<!--控制距离 开始-->
	<div class="shipping_area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
			</div>
		</div>
	</div>
	<!--控制距离 结束-->

	<!--热门菜品-->
	<div class="product_area color_three mb-64">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="product_header product_header3">
						<div class="section_title">
							<h2>热门菜品</h2>
						</div>
						<div class="product_tab_btn">
							<ul class="nav" role="tablist">
								<li><a class="active" data-toggle="tab" href="#plant1"
									role="tab" aria-controls="plant1" aria-selected="true"> 面食
								</a></li>
								<li><a data-toggle="tab" href="#plant2" role="tab"
									aria-controls="plant2" aria-selected="false"> 米饭 </a></li>
								<li><a data-toggle="tab" href="#plant3" role="tab"
									aria-controls="plant3" aria-selected="false"> 汤/粥 </a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="product_container">
				<div class="row">
					<div class="col-12">
						<div class="tab-content">
							<!-- 第一个类别开始 -->
							<div class="tab-pane fade show active" id="plant1"
								role="tabpanel">
								<div class="product_carousel product_column5 owl-carousel">
									<!-- 循环开始 -->
									<article class="single_product">
										<figure>
											<div class="product_thumb">
												<a class="primary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品01.jpg" alt=""></a> <a
													class="secondary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品05.jpg" alt=""></a>
												<div class="label_product">
													<span class="label_sale">促销</span> <span class="label_new">新品</span>
												</div>
												<div class="action_links">
													<ul>
														<li class="add_to_cart"><a href="cart.jsp"
															title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
														<li class="quick_button"><a href="#"
															data-toggle="modal" data-target="#modal_box" title="查看详情">
																<span class="lnr lnr-magnifier"></span>
														</a></li>
													</ul>
												</div>
											</div>
											<figcaption class="product_content">
												<h4 class="product_name">
													<a
														href="FoodsServlet?op=doSelectByFoodsid">菜品01</a>
												</h4>
												<p>
													<a href="#">面食</a>
												</p>
												<div class="price_box">
													<span class="current_price">￥26.00</span>
												</div>
											</figcaption>
										</figure>
									</article>
									<!-- 循环结束 -->
								</div>
							</div>
							<!-- 第一个类别结束 -->
							<div class="tab-pane fade" id="plant2" role="tabpanel">
								<div class="product_carousel product_column5 owl-carousel">
									<article class="single_product">
										<figure>
											<div class="product_thumb">
												<a class="primary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品01.jpg" alt=""></a> <a
													class="secondary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品05.jpg" alt=""></a>
												<div class="label_product">
													<span class="label_sale">促销</span> <span class="label_new">新品</span>
												</div>
												<div class="action_links">
													<ul>
														<li class="add_to_cart"><a href="cart.jsp"
															title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
														<li class="quick_button"><a href="#"
															data-toggle="modal" data-target="#modal_box" title="查看详情">
																<span class="lnr lnr-magnifier"></span>
														</a></li>




													</ul>
												</div>
											</div>
											<figcaption class="product_content">
												<h4 class="product_name">
													<a
														href="FoodsServlet?op=doSelectByFoodsid">菜品01</a>
												</h4>
												<p>
													<a href="#">米饭</a>
												</p>
												<div class="price_box">
													<span class="current_price">￥48.00</span>
												</div>
											</figcaption>
										</figure>
									</article>

								</div>
							</div>
							<div class="tab-pane fade" id="plant3" role="tabpanel">
								<div class="product_carousel product_column5 owl-carousel">
									<article class="single_product">
										<figure>
											<div class="product_thumb">
												<a class="primary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品01.jpg" alt=""></a> <a
													class="secondary_img"
													href="FoodsServlet?op=doSelectByFoodsid"><img
													src="assets/img/product/菜品05.jpg" alt=""></a>
												<div class="label_product">
													<span class="label_sale">促销</span>
												</div>
												<div class="action_links">
													<ul>
														<li class="add_to_cart"><a href="OrderdetailServlet?op=addFoodsToCart"
															title="加入购物车"><span class="lnr lnr-cart"></span></a></li>
														<li class="quick_button"><a href="#"
															data-toggle="modal" data-target="#modal_box" title="查看详情">
																<span class="lnr lnr-magnifier"></span>
														</a></li>




													</ul>
												</div>
											</div>
											<figcaption class="product_content">
												<h4 class="product_name">
													<a
														href="FoodsServlet?op=doSelectByFoodsid">菜品01</a>
												</h4>
												<p>
													<a href="#">汤/粥</a>
												</p>
												<div class="price_box">
													<span class="current_price">￥26.00</span>
												</div>
											</figcaption>
										</figure>
									</article>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--热门菜品 结束-->

	<!-- 循环开始 -->

	<!--商家菜单-->

	<div class="custom_product_area custom_product3 color_three">
		<div class="container">
			<div class="row">
				<c:if test="${list1!=null}">
					<c:forEach items="${requestScope.list1}" var="s" begin="0" end="2">
						<div class="col-lg-4">

							<div class="single_custom_product3">
								<div class="section_title">

									<h2>${s.store}</h2>

								</div>
								<div
									class="small_product_area product_carousel product_column1 owl-carousel">
									<!-- 循环开始 -->
									<div class="product_items">
										<!-- 循环开始 -->
										<c:if test="${list2!=null}">
											<c:forEach items="${requestScope.list2}" var="ss" begin="0"
												end="2">
												<!-- 循环开始 -->
												<article class="single_product">
													<figure>
														<div class="product_thumb">
															<a class="primary_img"
																href="FoodsServlet?op=doSelectByFoodsid&foodsid=${ss.foodsid}"><img
																src="assets/img/product/菜品01.jpg" alt=""></a> <a
																class="secondary_img"
																href="FoodsServlet?op=doSelectByFoodsid&foodsid=${ss.foodsid}"><img
																src="assets/img/product/菜品05.jpg" alt=""></a>
														</div>
														<figcaption class="product_content">
															<h4 class="product_name">
																<a
																	href="FoodsServlet?op=doSelectByFoodsid&foodsid=${ss.foodsid}">${ss.foodsname}</a>
															</h4>
															<p>
																<a href="#">汉堡</a>
															</p>
															<div class="action_links">
																<ul>
																	<li class="add_to_cart"><a href="OrderdetailServlet?op=addFoodsToCart"
																		title="加入购物车" ><span class="lnr lnr-cart"></span></a></li>
																	<li class="quick_button"><a href="#"
																		data-toggle="modal" data-target="#modal_box"
																		title="查看详情"> <span class="lnr lnr-magnifier"></span>
																	</a></li>
																</ul>
															</div>
															<div class="price_box">
																<span class="current_price">￥26.00</span>
															</div>
														</figcaption>
													</figure>
												</article>
											</c:forEach>
										</c:if>
										<!-- 循环结束 -->

									</div>
									<!-- 循环结束 -->


								</div>
							</div>
						</div>
						<!-- 循环结束 -->
					</c:forEach>
				</c:if>
			</div>
		</div>
	</div>
	<!--custom product area end-->

	<!--控制距离 开始-->
	<div class="shipping_area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
				<div class="col-lg-3 col-md-6"></div>
			</div>
		</div>
	</div>

	<jsp:include page="footer.jsp"></jsp:include>
	<!--footer area end-->
</body>
</html>